<!DOCTYPE html>
<html dir="ltr">
  <head>
    <meta http-equiv="refresh" content="0;url=/popup.html">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>MetaMask</title>
    <style>
      /**
        * We try to match the user's system theme for the background color, but
        * since the actual popup will use the theme from the user's extension
        * settings we can't get it right 100% of the time. The browser doesn't
        * allow a height or width of 0, otherwise we wouldn't bother with the
        * background color.
        * Unfortunately (and conveniently?), if the user *does* have a
        * non-system theme set popup.html will flash the wrong theme, as the
        * loading screen itself always uses the system theme. So while this page
        * doesn't match popup.html's loading screen, the backgrounds will match,
        * so the redirect isn't all that jarring.
        *
        * Implementing https://github.com/MetaMask/metamask-extension/issues/26545
        * would improve the situation.
        *
        * Porting the loading screen (inlining all assets and CSS) to this init
        * page may be a further UX improvement.
        */
      html {
        width: 400px;
        height: 600px;
        background: #fff;
      }
      @media screen and (prefers-color-scheme: dark) {
        html {
          background: #121314;
        }
      }
    </style>
  </head>
</html>
